<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>主诊组费用分类分析</title>
<style type="text/css">
	.feeDepSzy{
		padding:3px;
	}
	.depFeeCO{
		padding: 6px 0px 7px 3px;
		margin: 3px 0px 0px 7px;
	}
	#feeClinicTable .value{
	    font-size: 1.5em;
	}
	.height300{
		height:300px;
	}
	.feeDep_headerC{
		margin: 5px 0px 10px 0px ;
	}
	.alertStyleASZY{
		width: 40%;
		margin: 5px 15px 15px 16px; 
	}
	.alertStyleAOne{
		width: 95%;
		margin: 5px 15px 15px 1px; 
	}
	.btn-clickable:focus .dropdown-menu,.btn-clickable:hover .dropdown-menu{
            display: block;
        }
</style>
</head>
<body>
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="col-md-12 column textalignCenter" class="feeDep_headerC">
				<h3 id="feeDep_header"></h3>
			</div>
		</div>
	</div>
	<!-- 全院病例统计 begin -->
	<div class="row rowhcq">
	    <div class="col-xs-12">
	        <!-- 页面最上面部分div --> 
	        <div class="boxcq clearfix">
	            <div class="ti"><i class="fa fa-file-text-o"></i>
	          		<span id="depFeeTitleAll"></span> 
	            </div>
	            <ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
                <div class="tab-content">
                    <div class="row">
                        <div class="col-md-12">
                            <table id="feeClinicTable" class="text-center margind10" width="100%">
                                <tr></tr>
                            </table>
                        </div>
                        <div class="col-sm-6">
                            <div class="infocq">
                                <div class="tii">
                                    <span class="blue-bg"><i class="fa fa-users fa-lg"></i>消耗指数监测</span>
                                </div>
                                <div class="ci" id="clinicFee_effChart_ci">
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="infocq">
                                <div class="tii">
                                    <span class="blue-bg"><i class="fa fa-users fa-lg"></i>病例费用构成</span>
                                </div>
                                <div class="ci" id="clinicFee_feeChart_ci">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
	        </div>
	    </div>
	</div>

	<div class="row rowhcq">
	  	<div class="col-xs-12">
		<!--费用构成及对比 -->
		<div class="boxcq clearfix">
			<div class="ti"><i class="fa fa-file-text-o"></i> 费用构成及对比</div>
			<ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
			<div class="col-md-12 column padding10">
				<div class="row-fluid clearfix">
					<div id="clinicAvgFeeCompareEchars" class="col-md-6 height300">
					</div>
					<div id="clinicFeeFormEchars" class="col-md-6 height300">
					</div>
				</div>
				<div class="row-fluid clearfix">
					<div class="col-md-12 margintop30">
						<table id="clinicAvgFeeCompareTable" class="table table-hover">
						</table>
					</div>
				</div>
				<div id="depAvgFeeCompareStr" class="alert alert-info alertStyleASZY">
				<div style="padding-top:10p;">注：</div>
				<div>1、标杆值为根据本期各病组出院病例数和病组指标标杆值推算所得。</div>
				<div>2、本期值指标标红表示本期该指标值大于本期的标杆值</div>
				<div>3、上期值指标标红表示上期该指标值大于上期的标杆值</div>
				<div>4、同期值指标标红表示同期该指标值大于同期的标杆值</div>
				<div>5、“——”：该字段没有对应的绩效值或标杆值</div>
				</div>
			</div>
		</div>
		</div>
	</div>
	
		<div class="row rowhcq">
	  		<div class="col-xs-12">
				<!--费用变化趋势 -->
				<div class="boxcq clearfix" style="margin-top: 10px">
					<div style="height: 37px; border-bottom: 1px solid #ddd;">
						<div class="ti"><i class="fa fa-tachometer" aria-hidden="true"></i>费用变化趋势</div>
					</div>
					<div class="clearfix"></div>
					<div class="col-md-12 padding10">
						<div class="row-fluid clearfix">
							<div id="clinicFeeVareTrendEchars" class="col-md-6 height300">
							</div>
							<div id="clinicFiveFeeVareTrendEchars" class="col-md-6 height300">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row rowhcq">
	 	 <div class="col-xs-12">		 
		 <!--不同区间内病例费用构成及对比 -->
		 <div class="boxcq clearfix" >
		 	<div class="ti"><i class="fa fa-tachometer" aria-hidden="true"></i>病例分布</div>
			<select id="clinicFeeCompareObj" class="formselect depFeeCO">
				<option value="AvgDays">平均住院日</option>
				<option value="AvgFee">次均费用</option>
				<option value="MedFee">次均医疗类费用</option>
				<option value="TechFee">次均医技类费用</option>
				<option value="NursFee">次均护理类费用</option>
				<option value="DrugMaterFee">次均药品耗材类费用</option>
				<option value="ManageFee">次均管理类费用</option>
			</select> 

			<!-- 单个信息展示示例 SCQ -->
			<div class="boxcq clearfix feeDepSzy">
				<div class="ti" > 病例区间分布 </div> 
				
				 <div class="btn-clickable" style="position: relative;">
                    <div class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="fa fa-cog"></i> &nbsp;参数调整
                    </div>
                    <ul class="dropdown-menu tab-content" style="right:0;left: auto; width: 400px;color: #000;">
                        <li id="stdRangSlider_clinic" class="tab-pane active">
                            <label class="col-sm-4 control-label">超标比例系数:</label>
                            <div class="col-sm-8">
                                <input class="range" id="benchmarkSlider1_clinic" value="20"/>
                            </div>
                        </li>
                        <li id="bzcRangSlider_clinic" class="tab-pane">
                            <label class="col-sm-4 control-label">标准差倍数:</label>
                            <div class="col-sm-8">
                                <input class="range" id="benchmarkSlider2_clinic" value="0.5"/>
                            </div>
                        </li>
                    </ul>
                </div>
					<ul class="nav nav-tabs boxnavcq" role="tablist" id="mdcallhosp-ul">
							<li role="presentation" class="active"><a
								href="#benchmarking_clinicDep" role="tab"
								data-toggle="tab">标杆法区间划分</a></li>
							<li role="presentation"><a
								href="#stdDeviation_clinicDep" role="tab"
								data-toggle="tab">标差法区间划分</a></li>
					</ul>
				<div class="clearfix"></div>
				
				<div id="caseFeeSzy" class="tab-content">
						<!-- 标杆法区间划分 -->
						<div role="tabpanel" class="tab-pane active" id="benchmarking_clinicDep">
							<div class="container-fluid">
								<div class="row-fluid clearfix">
										<div class="col-md-6">
											 	 <div id="clinicCaseFeeCirclEchars_A" class="row" style="height:300px;"></div>
										</div>
										<div  class="col-md-6">
										
										    <div class="row">
										       <table id="clinicCaseFeeSzyTable_A" class="table table-hover">
												</table>
										     </div>
										   
										   <div class="row">
										   		<div  id="depAvgFeeCompareStr_A" class="alert alert-info alertStyleAOne">
													<div style="padding-top:10p;">注：</div>
													<div>1、超标N%及以上病例：病例的某项指标值<=(1+N%)*该病例所属DRG病组该指标项的标杆值</div>
													<div>2、超标N%以内病例：该病例所属DRG病组该指标项的标杆值大于病例的某项指标值 且小于(1+N%)*该病例所属DRG病组该指标项的标杆值</div>
												</div>
										   </div>
										</div>
								</div>
							</div>
							<div class="container-fluid">
									<!-- 排除特异病例后次均费用、费用构成及其对比情况表 -->
							<div>
							  		<div class="szyDepFeeOutAbnormal" > 
							   		<span>特异病例范围：</span>
									<input name="szyClinicFeeOutAbnormalCB_A" type="checkbox"  checked  value="1" /> 
								 	<label class="szyClinicFeeOutAbnormalA_A"> </label>
									<input name="szyClinicFeeOutAbnormalCB_A" type="checkbox"  value="2" /> 
									<label class="szyClinicFeeOutAbnormalB_A"> </label> 
							  		</div>
							</div>
							
							<div class="row">
							       <table id="clinicFeeOutAbnormalTable_A" class="table table-hover">
									</table>
							</div>
							<div class="row">
							   		<div  id="clinicFeeOutAbnormalTableStr_A" class="alert alert-info alertStyleASZY">
										<div style="padding-top:10p;">注：</div>
										<div>1、矫正值：排除特异病例后的各项指标值</div>
										<div>2、特异病例：超出该病例所属DRG病组该指标项的指标值一定比例（比例值为"参数调整"中设置的数值）的病例</div>
										<div>3、“——”：该字段没有对应的绩效值或标杆值</div>
									</div>
							</div>
						 </div>
						</div>
						<!--标准差法区间划分  -->
						<div role="tabpanel" class="tab-pane" id="stdDeviation_clinicDep">
							<div class="container-fluid">
									<div class="row-fluid clearfix">
											<div class="col-md-6">
												 	 <div id="clinicCaseFeeCirclEchars_B" class="row" style="height:300px;"></div>
											</div>
											<div  class="col-md-6">
											
											    <div class="row">
											       <table id="clinicCaseFeeSzyTable_B" class="table table-hover">
													</table>
											     </div>
											   
											   <div class="row">
											   		<div  id="depAvgFeeCompareStr_B" class="alert alert-info alertStyleAOne" >
														<div style="padding-top:10p;">注：</div>
														<div>1、超出N倍及以上标准差病例：病例的某项指标值>=（1+N%*本科室该病例所属DRG病组内病例该指标项的指标值的标准差）*本科室该病例所属DRG病组该指标项的平均值</div>
														<div>2、超出N倍标准差以内病例：病例的某项指标值<=本科室该病例所属DRG病组该指标项的平均值<（1+N%*本科室该病例所属DRG病组内病例该指标项的指标值的标准差）*本科室该病例所属DRG病组该指标项的平均值</div>
													</div>
											   </div>
											</div>
									</div>
								</div>
									
							<div class="container-fluid">
											<!-- 排除特异病例后次均费用、费用构成及其对比情况表 -->
								<div >
							   		<div style=" padding-right:15px;"> 
								   		<span>特异病例范围：</span>
										<input name="szyClinicFeeOutAbnormalCB_B" type="checkbox"  checked  value="1" /> 
									 	<label class="szyClinicFeeOutAbnormalA_B"> </label>
										<input name="szyClinicFeeOutAbnormalCB_B" type="checkbox"  value="2" /> 
										<label class="szyClinicFeeOutAbnormalB_B"> </label> 
							   		</div>
								</div>
								
								<div class="row">
								       <table id="clinicFeeOutAbnormalTable_B" class="table table-hover">
										</table>
								</div>
								<div class="row">
							   		<div  id="clinicFeeOutAbnormalTableStr_B" class="alert alert-info alertStyleASZY">
										<div style="padding-top:10p;">注：</div>
										<div>1、矫正值：排除特异病例后的各项指标值</div>
										<div>2、特异病例：超出该病例所属DRG病组该指标项的指标值一定比例（比例值为"参数调整"中设置的数值）的病例</div>
										<div>3、“——”：该字段没有对应的绩效值或标杆值</div>
									</div>
								</div>
							</div>	
						</div>
					</div>
			</div>
		</div>
		</div>
		</div>
	<div class="modal fade" id="feeStrucModal" tabindex="-1" role="dialog">
		<div class="modal-dialog" role="document" style="width: 1000px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" id="myModalLabel">病组费用构成</h4>
				</div>
				<div class="modal-body">
					<div class="row">
						<div class="col-sm-6" id="feeStrucChart" style="height: 280px;"></div>
						<div class="col-sm-6">
							<h4 class="text-center">病组费用构成表</h4>
							<table class="table" id="feeStrucTable"></table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script>
        $('a[href="#benchmarking_clinicDep"]').click(function (e) {
            $('#stdRangSlider_clinic').show();
            $('#bzcRangSlider_clinic').hide();
        });
        $('a[href="#stdDeviation_clinicDep"]').click(function (e) {
            $('#stdRangSlider_clinic').hide();
            $('#bzcRangSlider_clinic').show();
        });

    </script>
<script type="text/javaScript" src="js/yizheng/fenxi/feeAnalysisByClinic.js"></script>
</body>
</html> 